<template>
  <!-- 网页模板，编写html文件 -->
  <div>
    <button @click="sub">-</button>
      <span>{{number}}</span>
    <button @click="add">+</button>
  </div>
</template>

<script>
// js代码
export default {
  data(){
    return {
      number:0
    }
  },
  methods:{
    add(){
        this.number++
    },
    sub(){
        if(this.number>0){
            this.number--
        }
    }
  }
}
</script>

<style>
/* css代码 */
</style>